<!--
 * @Author:lwh
 * @Date: 2024-01-25 09:07:37
 * @LastEditTime: 2024-01-31 10:21:49
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
-->
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no"
    />
    <title>Happy Birthday</title>
    <link rel="stylesheet" href="css/jquery.fullPage.css" />
    <link rel="stylesheet" href="css/memories.css" />
  </head>

  <body>
    <!-- 背景音乐 -->
    <div style="display: none">
      <!-- 网易云外链 -->
      <iframe
        frameborder="no"
        border="0"
        marginwidth="0"
        marginheight="0"
        width="330"
        height="86"
        src="https://music.163.com/outchain/player?type=2&id=480353&auto=1&height=66"
      ></iframe>
    </div>
    <div class="bgcolor">
      <div style="z-index: 100" id="dowebok">
        <!--第一屏-->
        <div class="section">
          <div class="ly-box01">
            <div class="ly-txt01">
              <p class="ly-stxt01">
                今天是你的生日 祝你生日快乐！
              </p>
              <p class="ly-stxt01">时间过得真快吖</p>
              <p class="ly-stxt02">今天</p>
              <p class="ly-stxt03">也就是2024-02-01</p>
              <p class="ly-stxt04">是你的生日欸</p>
            </div>
            <div class="ly-txt02">
              <p class="ly-stxt06">细细算起来</p>
              <p class="ly-stxt07">我们在一起好久了呢</p>
              <p class="ly-stxt08">虽然这一次没能陪你，因此我通过这种方式来告诉你</p>
              <p class="ly-stxt09">过的第一个生日了</p>
              <p class="ly-stxt10">滚滚鼠标啦~~~</p>
            </div>
          </div>
        </div>

        <!--第二屏-->

        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint11"></div>
          <div class="ly-box11">
            <div class="ly-txt11">2024-02-01</div>
            <div class="ly-txt12">在这个特殊的日子里，我希望你每天过的踏踏实实，记得晚上发发动态哟</div>
          </div>
          <div class="ly-imgbox22">
            <img class="ly-img22" src="img/04.jpg" />
          </div>
          <div class="ly-triangle11"></div>

          <div class="ly-box12">
            <div class="ly-txt14">
              <p>Hi</p>
              <p>我祝你每天都过的有意义</p>
			        <p>所有的梦想都能实现</p>
			        <p>所有的付出都有回报</p>
				      <p>所有的日子都有爱的人在身边（就是我啦~~~）</p>
              <div class="ly-imgbox22">
                <img class="ly-img22" src="img/03.jpg" />
              </div>
            </div>
          </div>
          <div class="ly-triangle12"></div>
        </div>

        <!--第三屏-->

        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint21"></div>
          <div class="ly-box21">
            <div class="ly-txt21">曾记否</div>
            <div class="ly-txt22">
              <p>我当天过生日的时候热热闹闹，大家都洋溢着欢快的笑容</p>
              <p>我希望你也能像我的生日一样</p>
              <p>出去好好犒劳一下自己</p>
              <p>奖励一下自己</p>
            </div>
            <div class="ly-imgbox21">
              <img class="ly-img21" src="img/03.jpg" />
            </div>
          </div>
          <div class="ly-triangle21"></div>

          <div class="ly-box22">
            <div class="ly-txt23">今天</div>
            <div class="ly-txt24">
              <h3>你我</h3>
				   <br />
               <p>乍见心欢</p>
               <p>小别思恋</p>
               <p>久处仍怦然</p>
            </div>
          </div>
          <div class="ly-triangle22"></div>

          <div class="ly-box23">
            <div class="ly-txt25">明天</div>
            <div class="ly-txt26">
               <p>春来夏往</p>
               <p>秋收冬藏</p>
               <p>我们来日方长</p>
            </div>
          </div>
          <div class="ly-triangle23"></div>
        </div>

        <!--第四屏-->

        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint31"></div>
          <div class="ly-box31">
            <div class="ly-txt31">祝你：</div>
            <div class="ly-txt32">
              <p>每天有皮皮、多多益善~~</p>
            </div>
            <div class="ly-imgbox22">
              <img class="ly-img22" src="img/HappyBirthday.png" />
            </div>
          </div>
          <div class="ly-triangle31"></div>

          <div class="ly-box32">
            <div class="ly-txt33">段林川</div>
            <div class="ly-txt34">
              <p>希望你帅气不减，开心常伴,健康幸福！</p>
              <p> </p>
              <br />
              <br />
            </div>
          </div>
          <div class="ly-imgbox22">
            <img class="ly-img22" src="img/03.jpg" />
          </div>
          <div class="ly-triangle32"></div>
        </div>

        <!--第五屏-->
        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint21"></div>
          <div class="ly-box52">
            <div class="ly-txt21">我想说</div>
            <div class="ly-txt22">
              <p>确实真的感谢你帮我这么多，回望认识你开始，我一开始是非常拒绝你的，因为你刚开始给我的印象有点偏执，但后面通过相互的了解以及
                学习，认识到你原来不是那种令人讨厌的人，也是真的乐于跟我分享的人。
              </p>
            </div>
          </div>
          <div class="ly-triangle21"></div>

          <div class="ly-box22">
            <div class="ly-txt23">我还想说</div>
            <div class="ly-txt51">
              <p>虽然这个学期有些不好的小矛盾，但最终都一一化解，说实话，有的时候在你的帮助下我也成长了许多，认识了许多人。</p>
            </div>
          </div>
          <div class="ly-triangle22"></div>

          <div class="ly-box51">
            <div class="ly-txt25">最最后我还想说：</div>
            <div class="ly-txt26">
              <p>川：本网站制作不易，有些内容是参考了大佬写的代码，你猜我为什么会打算用网站写，因为写网站确实爽，还有组长在2024-01-31之前他
                在QQ里面对我吹个牛逼说他三天搞定HTML和css，他这牛逼吹到这个份上，说实话真的服，啊啊啊，就那几天，他.....吹牛逼。。。。
                所以我就也学了这个东西，说实话这东西全是API，很好学的，害，这这也是我第一次尝试用写网站代码，<strong>注意：</strong>本
                网站于2024-01-31日起，不再维护，感谢使用，同时也感谢各位大佬的教导，我之后准备算法竞赛了。还有我还想说，为什么在放假的时
                候我一直没给你发消息，我跟你讲最主要的原因：QQ在放假的时候我太不想登了，放假也有人问我问题，除了问问题的还有吹牛逼的，真的
                我感觉大家到放假就开始读书了，我瞬间感觉压力巨大。
              </p>
            </div>
          </div>
          <div class="ly-triangle23"></div>
        </div>

        <div class="button-style1">
          <a href="EasterEgg.html" class="lk1">
              <div class="link1">
                  <div class="bt1">
                      我很喜欢
                  </div>
              </div>
          </a>
      </div>
      <div class="button-style2">
        <a href="javascript:;" class="lk1">
              <div class="link2">
                  <div class="bt1" id="dislike">
                      我不喜欢
                  </div>
              </div>
        </a>
      </div>

      <!--动态方块-->
      <ul class="bg-bubbles">
        <li>
          <!-- <img src="./img/timg.gif" style="width: 100%; height: 100%" /> -->
        </li>
        <li>
          <!-- <img src="./img/timg.gif" style="width: 100%; height: 100%" /> -->
        </li>
        <li>
          <!-- <img src="./img/timg.gif" style="width: 100%; height: 100%" /> -->
        </li>
        <li>
          <!-- <img src="./img/timg.gif" style="width: 100%; height: 100%" /> -->
        </li>
        <li>
          <!-- <img src="./img/timg.gif" style="width: 100%; height: 100%" /> -->
        </li>
        <li>
          <!-- <img src="./img/timg.gif" style="width: 100%; height: 100%" /> -->
        </li>
        <li>
          <!-- <img src="./img/timg.gif" style="width: 100%; height: 100%" /> -->
        </li>
        <li>
          <!-- <img src="./img/timg.gif" style="width: 100%; height: 100%" /> -->
        </li>
        <li>
          <!-- <img src="./img/timg.gif" style="width: 100%; height: 100%" /> -->
        </li>
        <li>
          <!-- <img src="./img/timg.gif" style="width: 100%; height: 100%" /> -->
        </li>
      </ul>
    </div>
    <!-- <audio muted src="music/1.mp3" autoplay="autoplay" loop="loop"></audio> -->
    <audio src="music/3.mp3" autoplay="autoplay" loop="loop"></audio>
    <script src="js/jquery-2.1.1.min.js"></script>
    <script src="js/jquery.fullPage.min.js"></script>
    <!-- <script src="js/auto-play.js"></script> -->
    <script src="js/memories.js"></script>
  </body>
</html>
